<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <!-- Do not delete start -->
  <link rel="stylesheet" href="./main.css" />
  <!-- Do not delete end -->
  <style>
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    html,
    body {
      width: 100%;
      height: 100%;
      overflow: hidden;
    }

    #id1 {
      width: 100% !important;
      height: 100vh !important;
    }

    /* 强制聊天组件铺满容器 */
    #id1>* {
      width: 100% !important;
      height: 100% !important;
      max-width: none !important;
      flex: 1 !important;
    }
  </style>
</head>

<body>
  <div id="id1" style="width: 100%; height: 100vh; overflow: hidden; display: flex;"></div>
  <script src="https://lf-cdn.coze.cn/obj/unpkg/flow-platform/chat-app-sdk/1.2.0-beta.10/libs/cn/index.js"></script>
  <!-- Do not delete start -->
  <script src="./index.js"></script>
</body>

</html>